<<<<<<< HEAD
*{
  margin:0;
  padding: 0;
}
:global{
  body,html{
      width:100%;
      height:100%;
    }
    html{
      font-size: calc(100vw/750*100);
    }
  body{
      font-size:.14rem;
    } 
  #root{
      width:100%;
     height:100%;
     main>div{
      width:100%;
      height:100%;
     }
  }
  .active{
    color:orangered !important;
    // transform: scale(1.2);
    font-weight: bold;
}
}
.cart {
  width: 100%;
  height: 100%;
  background-color: rgb(245, 245, 249);
  display: flex;
  flex-direction: column;
overflow: hidden;
  .header {
    width: 100%;
    height: .8rem;
    background: #fff;
    display: flex;
    justify-content: space-around;
    align-items: center;

    span {
      b {
        color: #AB2B2B;
      }
    }
  }

  .cartfooter {
    width: 100%;
    height: .8rem;
    display: flex;
    align-items: center;
    background: #fff;

    span {
      width: 33%;
      height: 100%;
      line-height: .8rem;
      white-space: nowrap;
      text-align: center;

      b {
        font-size: .24rem;
        display: inline-block;
        margin-left: .1rem;
        ;

        .anticon,
        .anticon-check-circle {
          font-size: .28rem;
          ;
        }
      }
    }

    span:nth-of-type(1) {
      text-align: left;
      margin-left: .1rem;
      ;
    }

    span:nth-of-type(2) {
      margin-left: .4rem;
      ;
    }

    span:nth-of-type(3) {
      background-color: #AB2B2B;
      color: #fff;
    }
  }

  .list {
    flex: 1;
    overflow: scroll;

    dl {
      display: flex;
      justify-content: space-around;
      align-items: center;
      text-align: left;
      background: #fff;
      margin-top: .1rem;
      height: 2.2rem;
      box-sizing: border-box;

      dt {
        width: 30%;
        display: flex;
        align-items: center;
        font-size: .28rem;

        b {
          display: inline-block;
          width: .6rem;
          margin-left: .2rem;
          ;
        }

        // span{
        //   margin-left: .15rem;
        // }
        img {
          width: 1.8rem;
          height: 1.8rem;
          margin-left: .2rem;
          ;
        }
      }

      dd:nth-of-type(1) {
        width: 46%;
        margin-left: .4rem;

        p {
          color: red;
        }

        h3 {
          white-space: wrap;
        }
      }

      dd:nth-of-type(2) {
        width: 20%;
        margin-left: .2rem;
        text-align: center;

        span {
          border: .01rem solid #ccc;
          display: inline-block;
          width: .4rem;
          text-align: center;
        }

      }
    }

  }
}
=======


*{
    margin:0;
    padding: 0;
}
  :global{
    body,html{
        width:100%;
        height:100%;
      }
      html{
        font-size: calc(100vw/375*100);
      }
    body{
        font-size:14px;
      } 
    #root{
        width:100%;
       height:100%;
    }
    .active{
      color:orangered !important;
      transform: scale(1.2);
      font-weight: bold;
  }
  }
  body{
    font-size:14px;
  } 
#root{
    width:100%;
   height:100%;
}
   .layout{
    width:100%;
    height:100%;
    overflow: scroll;
    display:flex;
    flex-direction: column;
    .container{
        width:100%;
        flex:1;
        text-align: center;
        overflow: scroll;
        
    }
  
   }

   .footer {
    width:100%;
    height:.6rem;
    display:flex;
    align-items: center;
    justify-content: space-around;
    li{
        list-style: none;
        .iconfont{
            display:inline-block;
            font-size:.2rem;
        }
        a{
            color:#333;
        }
       
    }
  
}


.title {
  background: rgb(121, 242, 157);
}
.container{
  width:100%;
  height:100%;
}
.home {
  width: 100%;
  height: 100%;
  .banner {
    width: 100%;
    height: 200px;
    background: pink;
    .Carousel {
      width: 100%;
      height: 200px;
      background: pink;
    }
    img {
      width: 100%;
      height: 200px;
    }
  }
}
.cart{
  width:100%;
  height:100%;
  background-color: rgb(245,245,249);
  display:flex;
  flex-direction: column;
  .header{
    width:100%;
    height:.4rem;
    background:#fff;
    display:flex;
    justify-content: space-around;
    align-items: center;
    span{
    b{
      color:red;
    }
    }
  }
  .cartfooter{
    width:100%;
    height:.5rem;
    display:flex;
    align-items: center;
    background:#fff;
    span{
      width:33%;
      height:100%;
   line-height: .5rem;
   white-space: nowrap;
   text-align: center;
b{
  font-size: .14rem;
  display:inline-block;
  width:.3rem;
  margin-left: .05rem;;
  .anticon ,.anticon-check-circle{
    font-size: .14rem;;
  }
}
    }
    span:nth-of-type(1){
   text-align: left;
   margin-left: .05rem;;
              }
    span:nth-of-type(2){
  margin-left: .2rem;;
          }
    span:nth-of-type(3){
background-color: #AB2B2B;
color:#fff;
    }
  }
 .list{
   flex:1;
   overflow: scroll;
  dl{
    display:flex;
    justify-content: space-around;
    align-items: center;
    text-align:left;
    background:#fff;
    margin-top: 5px;
    height:1.1rem;
    box-sizing: border-box;
    dt{
      width:30%;
      display:flex;
      align-items: center;
      font-size:.14rem;
      b{
        display:inline-block;
        width:.3rem;
        margin-left: .1rem;;
      }
      // span{
      //   margin-left: .15rem;
      // }
      img{
        width:.9rem;
        height:.9rem;
      }
    }
    dd:nth-of-type(1){
      width:46%;
      margin-left: .2rem;
      p{
        color:red;
      }
      h3{
        white-space: wrap;
      }
    }
    dd:nth-of-type(2){
      width:20%;
      margin-left: .1rem;
      text-align:center;
      span{
        border:1px solid #ccc;
        display: inline-block;
        width:.2rem;
        text-align: center;
      }
   
    }
  }
  
 }
}
>>>>>>> origin
